<template>
    <div>
        <index-nav></index-nav>
        <a-row>
            <a-col :xs="{span: 24}" :md="{span:22, offset: 1}" :lg="{span:20, offset: 2}" class="contain">
                <h2 align="center">
                    {{noticeData.noticeTitle}}
                </h2>
                <div v-html="noticeData.noticeContent" style="padding: 10px 20px">
                </div>
            </a-col>
        </a-row>
    </div>


</template>

<script>
  import IndexNav from '@/views/components/IndexNav'
  import {getNoticeDetail} from '../../api/notice'
  export default {
    name: "noticeIndex",
    components: {IndexNav},
    data() {
      return {
        noticeId: this.$route.params.noticeId,
        noticeData: {}
      }
    },
    created() {
      getNoticeDetail(this.noticeId).then(res => {
        this.noticeData = res.data;
      })
    }
  }
</script>

<style scoped>

</style>